<div fxLayoutAlign="center">
    <div fxFlex.lt-lg="98" fxFlex.gt-md="90" style="position: relative;">
        <ngx-busy [busy]="ajaxSub"></ngx-busy>
        <!-- 分页 -->
        <div fxLayout="column" class="center-align mt20">
            <pagination-controls id="manhua" maxSize="9" directionLinks="true" (pageChange)="pageChange($event)" autoHide="true"></pagination-controls>
        </div>
        <!-- 漫画 -->
        <div fxLayout="column">


            <div fxLayout="row wrap" fxLayoutAlign="center">
                <mat-card class="example-card" *ngFor="let item of manhuas | paginate: { itemsPerPage: page.size, currentPage: page.curPage,id: 'manhua',totalItems:page.totalCount };let $index = index;">
                    <span *ngIf="item.isUpdate" class="isUpdate"></span>
                    <a href="javascript:;" (click)="goDetail(item)" target="_blank" [title]="item.title">
                        <img mat-card-image load [src]="item.img" [alt]="item.title" style="min-height:300px">
                    </a>
                    <mat-card-content>
                        <p style="text-align:center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;">
                            <a [href]="item.href" target="_blank" [title]="item.title" [innerHTML]="item.title | highlight:storeSearchParam.search"></a>
                        </p>
                        <p style="text-align:center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-top:5px;">

                            <a [href]="item.news_href" target="_blank" [title]="item.news">{{item.news}}
                                <span *ngIf="item.isFinish">[完]</span>
                            </a>
                        </p>
                    </mat-card-content>
                </mat-card>
                <p *ngIf="manhuas.length == 0 && ajaxSub" class="primary">没有找到对应的漫画</p>
            </div>

        </div>
        <!-- 分页 -->
        <div fxLayout="column" class="center-align mt20">
            <pagination-controls id="manhua" maxSize="9" directionLinks="true" (pageChange)="pageChange($event)" autoHide="true"></pagination-controls>
        </div>

    </div>
</div>